<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../../css/know.css">
    <link rel="stylesheet" type="text/css" href="../../css/header.css">
    <link rel="stylesheet" type="text/css" href="../../css/rightSide.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

    <script src="../../js/jquery-3.1.1.min.js"></script>

    <title>知否</title>

</head>
<body>
<div class="root">
    <div class="HeaderBar shadow-sm">
        <div class="HeaderInner">
            <div class="HeaderTabs">
                <ul class="nav nav-pills">
                    <li class="nav-item">
                        <a class="nav-link active" href="/zhifou/know">知否</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/zhifou/know">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/zhifou/find">发现</a>
                    </li>
<!--                    <li class="nav-item">-->
<!--                        <a class="nav-link" href="/zhifou/article">文章</a>-->
<!--                    </li>-->
                </ul>
            </div>
            <div class="input-group mb-3" id="sb-3">
                <input type="text" class="form-control" placeholder="忘了他吧，我偷电瓶养你！" aria-label="Recipient's username"
                       aria-describedby="button-addon2" id="search-content">
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary search-btn" type="button" id="button-addon2">搜索</button>
                </div>
            </div>
            <div class="HeaderUserInfo">
                <img src="../../img/icons8-online-support-38.png" alt="" id="img-user-head">
            </div>
        </div>
    </div>

    <div class="main">
        <div class="TopStory">
            <div class="TopStory-container">
                <!-- 左侧内容区域 -->
                <div class="TopStory-mainColumn">
                    <!-- 左侧导航 -->
                    <ul class="nav nav-tabs" id="nav2">
                        <li class="nav-item">
                            <a class="nav-link active" href="/zhifou/know">推荐</a>
                        </li>
<!--                        <li class="nav-item">-->
<!--                            <a class="nav-link" href="#">关注</a>-->
<!--                        </li>-->
                        <li class="nav-item">
                            <a class="nav-link" href="/zhifou/hot">热榜</a>
                        </li>
                    </ul>
                    <!-- 左侧卡片内容区域 -->
                    <div class="question-area">
<!--                        <div class="card shadow-sm">-->
<!--                            &lt;!&ndash; 卡片导航头 &ndash;&gt;-->
<!--                            &lt;!&ndash; 第一个模块内容区 &ndash;&gt;-->
<!--                            <div class="card-body">-->
<!--                                &lt;!&ndash; 标题和内容 &ndash;&gt;-->
<!--                                <div>-->
<!--                                    <h5 class="card-title">周某何许人也？</h5>-->
<!--                                    <p class="card-text">-->
<!--                                        4月18日，“不可能打工”的周某出狱了，来接他的除了家人还有多家网红公司，公司代表们开着名贵跑车，开出数百万价码想签约周某。一时间周某成为了焦点，有人支持他直播，也有人抵制，因为他做过许多错事。早在出狱的14天隔离期内，周某就公开致歉，称自己的言行并不成熟，他还透露不会签约做网红，只想做普通人。可是，抵制他的人依旧不依不饶，因为他们不相信周某的声明，毕竟年薪几百万的诱惑太大了。-->
<!--                                    </p>-->
<!--                                </div>-->
<!--                                &lt;!&ndash; 赞同评论收藏 &ndash;&gt;-->
<!--                                <div class="container-footer">-->
<!--                                    <button type="button" class="btn btn-outline-primary agree"><img src="../../img/icons8-smiling-face-with-heart-17.png" alt="">好问题 <span>1234</span></button>-->
<!--                                    <input type="hidden" value="">-->
<!--                                    <div class="footer-comment"><img src="../../img/icons8-topic-30.png" alt=""><span>66 </span>&nbsp;条评论</div>-->
<!--                                    <div class="footer-star"><img src="../../img/icons8-star-25.png" alt="" class="footer-icon"><span>&nbsp;收藏</span></div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="card shadow-sm">-->
<!--                            <div class="card-body">-->
<!--                                <h5 class="card-title">大山</h5>-->
<!--                                <p class="card-text">-->
<!--                                    1984年考上多伦多大学东亚系开始攻读中国研究，并起了中文名字“路士伟”。1988年毕业后留学于北京大学进修中国语言文学，1989年中央电视台元旦晚会因小品《夜归》中扮演洋学生“大山”而为大家熟知，并改中文名为“大山”，拜姜昆为师学习相声。1998年首次登上央视春节联欢晚会，和潘长江、黑妹表演小品《一张邮票》-->
<!--                                </p>-->
<!--                                <div class="container-footer">-->
<!--                                    <button type="button" class="btn btn-outline-primary agree"><img src="../../img/icons8-smiling-face-with-heart-17.png" alt="">好问题 <span>1234</span></button>-->
<!--                                    <div class="footer-comment"><img src="../../img/icons8-topic-30.png" alt=""><span>66 </span>&nbsp;条评论</div>-->
<!--                                    <div class="footer-star"><img src="../../img/icons8-star-25.png" alt="" class="footer-icon"><span>&nbsp;收藏</span></div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                </div>
                <!-- 右侧内容区域 -->
                <div class="GlobalSideBar">
                    <div class="card sideCard shadow-sm">
                        <div class="card-body">
                            <!-- 右侧卡片小组件 -->
                            <div class="SideBar">
                                <div id="area-question" data-toggle="modal" data-target="#staticBackdrop1">
                                    <img src="../../img/icons8-help-48.png"/>
                                    <span>提问</span>
                                </div>
                                <a href="/zhifou/article/edit">
                                    <div id="area-article" data-toggle="modal" data-target="#staticBackdrop2">
                                      <img src="../../img/icons8-translate-text-48.png"/>
                                      <span>文章</span>
                                   </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="img-ad">
                        <a href="http://www.hwadee.cn/"><img class="Banner-image" src="../../img/hwadee.png" alt="广告"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 提问题Modal -->
    <div class="modal fade" id="staticBackdrop1" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">提问</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <!-- 写入问题 -->
                    <div class="form-group">
                        <label for="exampleFormControlTextarea1">写入问题：</label>
                        <textarea class="form-control is-invalid" id="exampleFormControlTextarea1" rows="3" required></textarea>
                    </div>
                    <!-- 问题描述 -->
                    <div class="form-group">
                        <label for="exampleFormControlTextarea1">问题描述：</label>
                        <textarea class="form-control" id="exampleFormControlTextarea2" rows="3"></textarea>
                    </div>
                    <!-- 问题标签 -->
                    <label>问题标签:</label>
                    <div class="form-group row">
                        <div class="col-sm-5">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="gridCheck1" value="视频">
                                <label class="form-check-label">
                                    视频
                                </label>
                            </div>
                        </div>

                        <div class="col-sm-5">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="gridCheck1" value="科学">
                                <label class="form-check-label">
                                    科学
                                </label>
                            </div>
                        </div>

                        <div class="col-sm-5">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="gridCheck1" value="数码">
                                <label class="form-check-label">
                                    数码
                                </label>
                            </div>
                        </div>

                        <div class="col-sm-5">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="gridCheck1" value="体育">
                                <label class="form-check-label">
                                    体育
                                </label>
                            </div>
                        </div>

                        <div class="col-sm-5">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="gridCheck1" value="时尚">
                                <label class="form-check-label">
                                    时尚
                                </label>
                            </div>
                        </div>

                        <div class="col-sm-5">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="gridCheck1" value="电影">
                                <label class="form-check-label">
                                    影视
                                </label>
                            </div>
                        </div>
                    </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="btn-confirm-put" data-dismiss="modal">发表</button>
                </div>
            </div>
        </div>
    </div>
    </div>

</div>
<p id="test"></p>

<script src="../../js/getUser.js"></script>
<script src="../../js/header.js"></script>
<script src="../../js/know.js"></script>


</body>
</html>
